@charset "utf-8";
@import url(public.css); 
.banner01{margin:30px auto 0px auto; width:1200px; overflow-x:hidden}
.banner01 .banner01pcon{ width:1300px; margin:0 auto}

.banner01 .banner01pcon .cpimg{ float:left; width:350px}
#company{float:left; width:345px; background:#ededed; height:470px}
#company h3{ margin:0 auto; background:#ef4c4d; padding-top:25px; padding-bottom:25px}
#company h3 a{ width:215px; line-height:66px; display:block; border:1px solid #FFFFFF; font-size:24px; text-align:center; color:#FFFFFF; margin:0 auto}
#company .pcon{ margin:0px auto 0px auto; height:277px;}
#company .ncon{ margin:0 auto; width:290px; padding-top:10px; text-align:left; line-height:28px }
#company .more{ margin:0 auto}
#company .more a{ display:block; width:140px; line-height:40px; text-align:center; float:left; background:#41517a; color:#FFFFFF; font-size:16px;}
#company .more a:hover{ background:#ef4c4d}

#gccj{ float:left; width:510px; background:#e4e4e4}
#gccj .pcon{ float:left; width:396px; height:235px; background:#41517a}
#gccj .pcon .ncon{ width:345px; padding-top:15px; text-align:left; line-height:27px; text-align:left; color:#FFFFFF; margin:0 auto}
#gccj h3{ width:110px; padding-top:38px; float:left}
#gccj h3 a{ display:block; margin:0 auto; width:45px; text-align:center; border:1px solid #687595; padding-top:20px; padding-bottom:20px; text-align:center; font-size:24px; color:#41517a}
#gccj .pimg{ float:left; width:505px}


.clearfix::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
.clearfix {
	zoom: 1;
}
.inlblo {
	display: inline-block; zoom: 1; diplay: inline;
}
.section-focus-pic {
	margin: 0px auto 0px auto; width: 505px; height:235px; overflow: hidden; position: relative;
}
.section-focus-pic ul li {
	left: 505px; top: 0px; width: 505px; height:235px; position: absolute;
}
.section-focus-pic ul li h7 {
	left: 0px; width: 400px; bottom: 11px; color: rgb(255, 255, 255); font-family: "微软雅黑"; font-size: 18px; font-weight: normal; margin-left: 20px; position: absolute; z-index: 111; display:none
}
.section-focus-pic ul li div {
	left: 0px; width: 410px; height: 50px; bottom: 0px; filter: alpha(opacity=60); position: absolute; opacity: 0.6; background-color: rgb(0, 0, 0); display:none
}
.section-focus-pic .pages {
	width: 410px; height: 270px;
}
.section-focus-pic .controler {
	right: 20px; bottom: 20px; position: absolute;
}
.section-focus-pic .controler b {
	background: url("../images/news_index_icon.png") no-repeat -136px 3px; margin: 0px 0px 0px 5px; width: 20px; height: 10px; text-indent: 20px; overflow: hidden; float: left; display: block; cursor: pointer;
}
.section-focus-pic .controler b.down {
	background-position: -161px 1px;

}
.section-focus-pic .controler2 a {
	top: 100px; width: 40px; height: 40px; display: block; position: absolute;
}
.section-focus-pic .controler2 a i {
	background: url("../images/star.png") no-repeat; width: 22px; height: 34px; display: block; cursor: pointer;
}
.section-focus-pic .controler2 .prev {
	left: 5px;
}
.section-focus-pic .controler2 .prev i {
	background-position: -34px -68px; margin-left: 5px; _background: none;
}
.section-focus-pic .controler2 .prev:hover i {
	background-position: -34px -24px; left: 10px; _background: none;
}
.section-focus-pic .controler2 .next {
	right: 10px;
}
.section-focus-pic .controler2 .next i {
	background-position: -62px -68px; margin-left: 10px; _background: none;
}
.section-focus-pic .controler2 .next:hover i {
	background-position: -62px -24px; right: 10px; _background: none;
}


.banner02{ width:1200px; margin:20px auto 0px auto}

#proclass{ float:left; width:240px}
#proclass h3{ float:left; width:240px; background:url(../images/proclass.jpg) center no-repeat; height:148px; text-align:center;}
#proclass h3 a{ display:block; line-height:101px; height:101px; text-align:center; font-size:30px; color:#FFFFFF}
#proclass .pcon{ float:left; background:url(../images/proclassbg.jpg) left top repeat-y; width:231px; border-bottom:5px solid #1985e8;}
#proclass .pcon .ncon{ width:192px; margin:0 auto; padding-top:25px}
#proclass .pcon li{ line-height:41px; background:url(../images/proclassbg02.jpg) left top no-repeat; text-indent:36px; margin-bottom:25px}
#proclass .bottom{ margin:0 auto} 

#product{ float:right; width:940px}
#product h3{ margin:0 auto; height:42px; width:940px; background:url(../images/tit02.jpg) left repeat-x; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf }
#product h3 dt{ float:left; font-size:18px; text-indent:20px; line-height:42px}
#product h3 dd{ float:right; padding-left:10px; line-height:42px; padding-right:15px}
#product .pcon{ padding-top:15px; margin:0 auto; width:940px; overflow-x:hidden}
#product .pcon .ncon{ width:1040px; margin:0 auto}
#product .pcon .ncon dl{ width:222px; position:relative; height:240px; cursor:pointer; float:left; margin-right:17px}
#product .pcon .ncon dl dt{ margin:0 auto; text-align:center; border:1px solid #cfcfcf; padding-top:2px; padding-bottom:2px}
#product .pcon .ncon dl dd.bg{ position:absolute; top:0px; left:0px; background:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index:10000; width:222px; height:193px; display:none }
#product .pcon .ncon dl dd.txt{ margin:0 auto; width:170px; text-align:center; line-height:30px; font-size:14px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}
#product .pcon .ncon dl.hover dd.bg{ display:block}

.banner03{ background:url(../images/bg01.jpg) center top no-repeat; height:410px; margin:20px auto 0px auto}
.banner03 .banner03pcon{ width:1200px; margin:0 auto}

#contact{ float:right; padding-top:75px; width:410px}
#contact h3{ margin:0 auto;}
#contact h3 dt{ float:left; line-height:50px; text-align:left; font-size:26px}
#contact h3 dt span{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:20px}
#contact .pcon{ margin:0 auto}
#contact .pcon .ncon{ padding-top:10px; margin:0 auto; line-height:26px}

.banner04{ background:url(../images/banner04.jpg) center top no-repeat; height:152px; margin:0 auto}
.banner04 a{ display:block; height:152px}


#case{ margin:0 auto; width:1200px}
#case h3{ margin:0 auto; text-align:center; padding-top:30px; padding-bottom:30px}
#case .pcon .ncon dl{ width:260px; position:relative; border:1px solid #e2e2e2; cursor:pointer}
#case .pcon .ncon dl dt{ margin:0 auto; text-align:center; padding-top:10px;}
#case .pcon .ncon dl dd.bg{ position:absolute; top:0px; left:0px; background:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index:10000; width:260px; height:250px; display:none }
#case .pcon .ncon dl dd.txt{ margin:0 auto; width:240px; text-align:center; line-height:40px; font-size:14px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}
#case .pcon .ncon dl.hover dd.bg{ display:block}


.banner05{ width:1200px; margin:20px auto 0px auto}

#news{ float:left; width:685px}
#news h3{ margin:0 auto; border-bottom:1px solid #dedede}
#news h3 dt{ float:left; width:105px; line-height:35px; margin-right:2px}
#news h3 dt a{ display:block; line-height:35px; color:#FFFFFF; background:#41517a; text-align:center}
#news h3 dt.cli a{ background:#ef4c4d}

#news .pcon{ padding-top:15px; margin:0 auto}
#news .pcon .pimg{ margin:0 auto 15px auto;}
#news .pcon .pimg .img{ width:75px; float:left; margin-right:20px}
#news .pcon .pimg .img .day{ width:75px; margin:0 auto; background:#aaaaaa; text-align:center; line-height:45px; font-size:24px; color:#FFFFFF}
#news .pcon .pimg .img .month{ line-height:30px; width:75px; margin:0 auto; font-size:14px; text-align:center; background:#aaaaaa; color:#FFFFFF}
#news .pcon .pimg .tit{ float:left; width:570px; line-height:30px; text-align:left; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; height:30px}
#news .pcon .pimg .des{ float:left; width:570px; line-height:20px; font-size:12px; color:#666666}

#ryzz{ float:right; width:470px}
#ryzz h3{ margin:0 auto 15px auto; background:url(../images/line02.jpg) bottom repeat-x; height:36px}
#ryzz h3 dt{ float:left; background:url(../images/line01.jpg) bottom repeat-x; line-height:36px; text-align:center; width:80px; text-align:center}

.section-focus-piczz {
	margin: 0px auto 0px auto; width: 420px; height:270px; overflow: hidden; position: relative;
}
.section-focus-piczz ul li {
	left: 505px; top: 0px; width: 420px; height:270px; position: absolute;
}
.section-focus-piczz ul li h7 {
	left: 0px; width: 400px; bottom: 11px; color: rgb(255, 255, 255); font-family: "微软雅黑"; font-size: 18px; font-weight: normal; margin-left: 20px; position: absolute; z-index: 111; display:none
}
.section-focus-piczz ul li div {
	left: 0px; width: 410px; height: 50px; bottom: 0px; filter: alpha(opacity=60); position: absolute; opacity: 0.6; background-color: rgb(0, 0, 0); display:none
}
.section-focus-piczz .pages {
	width: 410px; height: 270px;
}
.section-focus-piczz .controlerzz {
	right: 20px; bottom: 20px; position: absolute;
}
.section-focus-piczz .controlerzz b {
	background: url("../images/news_index_icon.png") no-repeat -136px 3px; margin: 0px 0px 0px 5px; width: 20px; height: 10px; text-indent: 20px; overflow: hidden; float: left; display: block; cursor: pointer;
}
.section-focus-piczz .controlerzz b.down {
	background-position: -161px 1px;

}
.section-focus-piczz .controlerzz2 a {
	top: 100px; width: 40px; height: 40px; display: block; position: absolute;
}
.section-focus-piczz .controlerzz2 a i {
	background: url("../images/star.png") no-repeat; width: 22px; height: 34px; display: block; cursor: pointer;
}
.section-focus-piczz .controlerzz2 .prevzz {
	left: 5px;
}
.section-focus-piczz .controlerzz2 .prevzz i {
	background-position: -34px -68px; margin-left: 5px; _background: none;
}
.section-focus-piczz .controlerzz2 .prevzz:hover i {
	background-position: -34px -24px; left: 10px; _background: none;
}
.section-focus-piczz .controlerzz2 .nextzz {
	right: 10px;
}
.section-focus-piczz .controlerzz2 .nextzz i {
	background-position: -62px -68px; margin-left: 10px; _background: none;
}
.section-focus-piczz .controlerzz2 .nextzz:hover i {
	background-position: -62px -24px; right: 10px; _background: none;
}





#links{margin:0px auto 0px auto;}
#links .pcon{ width:1200px; margin:0 auto; padding-top:10px; padding-bottom:10px}
#links .pcon dt{ float:left; line-height:24px;}
#links .pcon dd{ float:left; line-height:24px; white-space:nowrap; margin-right:10px}


/*不间断滚动*/
#propro{OVERFLOW: hidden; width:1200px; height:310px; margin:0px auto 0px auto; position:relative}
#inpro{float: left;width: 5000%;}
#propro1{float: left;}
#propro2{float: left;}
#propro .f_l{float:left}
#propro .dw{ width:280px;}